<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>模拟滚动条效果</title>
<script type="text/javascript" src="/j-tool/jquery.js"></script>
<style type="text/css">
/*主窗*/
#Scroll{width:600px;height:400px;background:#f8f8f8;margin:0 auto;margin-top:120px;overflow:hidden;}
/*左边内容区*/
#ScroLeft{float:left;width:590px;font-size:12px;}
/*滚动条背景*/
#ScroRight{position:relative;float:right;height:100%;width:10px;background:#F1F1F1;overflow:hidden;}
/*滚动条*/
#ScroLine{position:absolute;z-index:1;top:0px;left:0px;width:100%;height:20px;overflow:hidden;background:#666666;cursor:move;}
</style>
</head>
<script type="text/javascript">
jQuery(function($){

	var S = function()
	{
		var T = this;
		T.flag  = false;
		T.cid = 'ScroLeft';
		T.bid = 'ScroLine';
		T.showc = 400;
		T.step = 10;
		T.mt = 0;
		T.ch = $('#'+T.cid).height();
		T.bh = $('#'+T.bid).height();

		T.mWhell = function(obj)
		{
			var isFirefox = typeof document.body.style.MozUserSelect != 'undefined'; 
			if(obj.addEventListener)
			{
				obj.addEventListener( isFirefox ? 'DOMMouseScroll' : 'mousewheel',T.mFnc,false ); 
			}else{
				obj.attachEvent( 'onmousewheel',T.mFnc,false);
			}
		}

		T.mFnc = function(e)
		{
			e = e||event; 	
			var v = e.wheelDelta ? e.wheelDelta/120 : -( e.detail%3 == 0 ? e.detail/3 : e.detail);
			if((v > 0 && T.mt < 0) || (v < 0 && (T.mt+T.ch) > T.showc))
			{
				T.cMove(v);
			}
		}

		T.cMove = function(v)
		{
			$('#'+T.cid).css({
				marginTop:function(index, value)
				{
					if(value =='auto')
					{
						value = 0;
					}
					T.mt = parseFloat(value) + v * T.step;
					if(T.mt > 0)
					{
						T.mt = 0;
					}else if(T.mt < (T.showc-T.ch))
					{
						T.mt = T.showc-T.ch;
					}
					return T.mt;
				}
			});
			
			T.lMove(v);
		}

		T.lMove = function(v)
		{
			$('#'+T.bid).animate({top:(T.bh-T.showc)*T.mt/(T.ch-T.showc)},50)
		}

		T.mouseHover = function()
		{
			$('#'+T.cid).bind({
				mouseover: function(){
						T.mWhell(this);			
				}
			})
		}

		T.mouseDown = function()
		{
			$('#'+T.bid).mousedown(function(event){
					var e	= event || window.event;				
						T.y	= e.pageY - $(this).position().top;
						T.flag  = true;
						return false;
			});

			$(document).bind({
			   mousemove : function(event){
					if(!T.flag){return false;}
					var e=event || window.event;				
					var Y =  e.pageY - T.y;
					if(Y < 0)
					{
						Y = 0;
					}
					if(Y > T.showc-T.bh)
					{
						Y = T.showc-T.bh;
					}
					$('#'+T.bid).css({top:Y});
					$('#'+T.cid).css({marginTop:(T.showc-T.ch)*(Y/(T.showc-T.bh))});
					return false;
				},
				mouseup : function(){
					T.flag = false;
				}
			})
		}

		T.mouseClick = function()
		{
			$('#ScroRight').bind({
				click : function(event)
				{
					var e=event || window.event;
					var Y =  e.pageY - $(this).position().top;
					if(Y <= 0)
					{
						Y = 0;
					}
					if(Y > T.showc-T.bh)
					{
						Y = T.showc-T.bh;
					}
					T.action(Y);
					return false;					
				}
			})
		}

		T.action = function(Y)
		{
			$('#'+T.bid).animate({top : Y}, 500);
			$('#'+T.cid).animate({marginTop:(T.showc-T.ch)*(Y/(T.showc-T.bh))}, 500);	
		}
	}

	var s = new S;	
		s.mouseHover();
		s.mouseDown();
		s.mouseClick();

})
</script>
<body>
<div id="Scroll" onselectstart="return false">
	<div id="ScroLeft">
		<p>8月24日，日中新闻社社长韩晓清于曾在《日中新闻》报上发表了一篇标题为“认真反思日中关系，冷静评判香港保钓者行动，香港保钓者登陆钓鱼岛，是爱国，还是害国？”的文章。该文在网民中引起了巨大的反响。一些读者对文中论点提出批评与驳斥。对此，韩晓清特向环球网来信进行回应。她首先向所有保钓人士和团体表示歉意，并承认将保钓行动归为“害国”行动的观点是错误的。同时，她认为一些网友对文章“断章取义”、“无限上纲”，对其进行人身辱骂，这让她感到非常困惑和痛心。她特别强调说，自己是中国籍，是一名“爱国者”。</p>
		<p>韩晓清在回应中说，文章为匆忙写就，在重读原文之后，“发现文章中确实有些用词欠妥，有些观点过激，有些论述不够全面。特别是把香港、台湾、大陆保钓者登陆钓鱼岛的行动说成是害国行动的观点显然是错误的，有失公正的。”她在信中对保钓人士表达歉意，写道：“在这里向所有保钓人士和团体表示深深地歉意。同时对这次登陆钓鱼岛的14位勇士的爱国壮举和勇敢的精神表示钦佩和敬意。”</p>
		<p>中国海域动态监管正逐渐实现从近海向远海的覆盖。国家海洋局日前透露，黄岩岛、钓鱼岛及西沙群岛全部岛屿附近海域的卫星遥感影像，被纳入国家海域动态监视监测管理系统，这是国家海域动态监视监测管理系统对我国近岸海域实现业务化定期监测后的又一重大进步。</p>
		<p>监测范围更广精度更高,国家海域动态监视监测管理系统是一张中国海域管理的“蓝色天网”。该系统利用卫星遥感、航空遥感和地面监视监测等多种手段，实施对我国近岸及其海域开发活动的立体、动态监视监测，及时为各级政府、海洋部门和社会公众提供决策支持和信息服务。</p>
		<p>如今，这张网能看得更远、辨得更清。包括黄岩岛、钓鱼岛及西沙群岛全部岛屿附近海域的首批卫星遥感影像，已全部完成处理并入库，该批影像分辨率为0.5米，覆盖面积总计500余平方公里。目前，该系统已成为我国海洋管理领域节点最多、网络覆盖面最广、与行政管理结合最紧密的业务系统。</p>
		<p>“现在，远海海域的水温环境变化、海洋水色变化、洋面变化、风场、浪高等已可通过这套系统观测到。”中国科学院南海海洋研究所研究员唐丹玲告诉本报记者。</p>
		<p>据介绍，国家海域动态监视监测管理系统自2006年起开始建设，到2009年实现业务化运行。去年以来，“资源一号”02C、“资源三号”等多颗国产测绘、资源卫星发射升空，填补了中国国内高分辨率遥感数据的空白，海域动态监测范围更广、精度更高。</p>
		<p>海域使用状况一目了然,专家透露，由于卫星数量不足等原因，此前我国海域监视监测手段相对落后，对海域空间资源开展监控常受到制约。近年来，我国为了不断提高海域使用管理能力与水平，花大力气提升技术水平，编织国家海域动态监视监测管理系统，初步形成了全国海岸线、滩涂、海湾等海域资源和海域使用状况“一张图”。准确的用海信息，为海域使用行政管理提供技术支撑，为海域使用执法监察提供技术服务。</p>
		<p>唐丹玲表示，监测范围覆盖到远海地区，将进一步推动海洋环境保护工作，比如，可及时发现海上溢油等现象对海洋生态的影响，为防止生态系统退化、保护海洋环境提供对策。此外，通过这双“远望眼”，人们可敏锐地捕捉台风、海啸、厄尔尼诺现象等在远海区域生成的“苗头”和发展趋势，通过实时监测，为近海地区防御和应对自然灾害提供更及时和有效的预警。</p>
		<p>“我国发射的遥感卫星已能覆盖远海海域，将这些卫星遥感影像纳入监测系统，对我国远海的战略国防也具有重要意义。”唐丹玲说。</p>
		<p>海域监测尚待进一步完善,国家海洋局日前表示，下一步，国家海域动态监视监测管理系统将不断加强对远海海域的遥感监测。</p>
		<p>“横向比较，我国卫星的观测参数、数据解析度、数据传输分发等都有较大差距。”唐丹玲表示，我国海域监测尚待进一步完善。</p>
		<p>与此同时，为了弥补卫星遥感、航空遥感、现场监视等手段的不足和限制，我国将在沿海各地海域实施无人机遥感监测，以增强监测的机动性、获取高分辨率的数据。</p>
	</div>
	<div id="ScroRight">
		<div id="ScroLine"></div>
	</div>
</div>
</body>
</html>